html{width: 100%;min-width:1200px;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{padding:0;margin:0}
body,button,input,select,textarea{font:14px/1.5 Arial,sans-serif}
body{width: 100%;background:#fff;overflow-x: hidden;-webkit-font-smoothing: antialiased;color:#333;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new, courier, monospace}
small{font-size:12px}
ul,ol{list-style:none}
hr{border: none;height: 1px}
a{color:inherit;text-decoration:none;outline:none;background-color: transparent}
a:hover,a:active{outline: none;text-decoration: none}
img{border:none}
b,strong{font-weight: bold}
table{border-collapse:collapse}
td,th{border: 1px solid #333}
input,input:focus{border: none;outline: none}
input[type="submit"]{cursor: pointer}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.trans00{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s !important}
.trans01{-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s !important}
.trans02{-webkit-transition: all 1.5s;-moz-transition: all 1.5s;transition: all 1.5s !important}
.trans03{-webkit-transition: all 2s;-moz-transition: all 2s;transition: all 2s !important}
.trans04{-webkit-transition: all 3s;-moz-transition: all 3s;transition: all 3s !important}
.trans05{-webkit-transition: all 3s;-moz-transition: all 3s;transition: all 3s !important}
.ani-r-pic{
	opacity: 0;
	-webkit-transform-origin: 50% 50%;
	-webkit-transform: scale(.1);
	-moz-transform-origin: 50% 50% ;
	-moz-transform: scale(.1);
	-ms-transform-origin: 50% 50% ;
	-ms-transform: scale(.1);
	-o-transform-origin:  50% 50%;
	-o-transform: scale(.1);
	transform-origin: 50% 50% ;
	transform:scale(.1);
}

.ani-p-lii{opacity: 0;-webkit-transform: translate(100px, 0);-moz-transform: translate(100px, 0);transform: translate(100px, 0);-o-transform:translate(100px, 0);}

.ani-pages{opacity: 0;-webkit-transform: translate(0, 100px);-moz-transform: translate(0, 100px);transform: translate(0, 100px);-o-transform:translate(0, 100px);}
.ani-b-t{opacity: 0;-webkit-transform: translate(0, -60px);-moz-transform: translate(0, -60px);transform: translate(0, -60px);-o-transform:translate(0, -60px);}
.ani-b-it{opacity: 0;-webkit-transform: translate(0, -60px);-moz-transform: translate(0, -60px);transform: translate(0, -60px);-o-transform:translate(0, -60px);}
.ani-p-li{opacity: 0;-webkit-transform: translate(200px, 0);-moz-transform: translate(200px, 0);transform: translate(200px, 0);-o-transform:translate(200px, 0);}
.ani-p-l{opacity: 0;-webkit-transform: translate(-200px, 0);-moz-transform: translate(-200px, 0);transform: translate(-200px, 0);-o-transform:translate(-200px, 0);}
.ani-p-r{opacity: 0;-webkit-transform: translate(0, 70px);-moz-transform: translate(0, 70px);transform: translate(0, 70px);-o-transform: translate(0, 70px);}
.ani-i-o{opacity: 0;}
.ani-i-h{opacity: 0;height: 0;}
.ani-cycle{opacity: 0;-webkit-transform-origin: 50% 50%;-webkit-transform: rotateZ(360deg) scale(.1);-moz-transform-origin: 50% 50% ;-moz-transform: rotateZ(360deg) scale(.1);
	-ms-transform-origin: 50% 50% ;-ms-transform: rotateZ(360deg) scale(.1);-o-transform-origin:  50% 50%;-o-transform: rotateZ(360deg) scale(.1);transform-origin: 50% 50% ;
	transform:rotateZ(360deg) scale(.1);
}
.ani-rotate{-webkit-transform-origin: 50% 50%;-webkit-transform: rotateX(90deg);-moz-transform-origin: 50% 50% ;-moz-transform: rotateX(90deg);-ms-transform-origin: 50% 50% ;
	-ms-transform: rotateX(90deg);-o-transform-origin:  50% 50%;-o-transform: rotateX(90deg);transform-origin: 50% 50% ;transform:rotateX(90deg);
}
/*首页-----------------------------------------------------------*/
.header{
	width: 100%;
	height: 113px;
}
.client-screen{
	width: 1100px;
	height: 100%;
	margin: 0 auto;
}
.header-client-screen{
	display: flex;
	position: relative;
}
.header .logo{
	height: 100px;
	text-align: right;
	margin-top: 10px;
}

.header .navigation-bar{
	width: 925px;
	position: absolute;
	bottom: 20px;
	right: 0;
}
.layui-nav{
	width: 100%;
	background: #fff;
	padding:0;
}
.layui-nav .layui-nav-item>a{
	width: 93px;
	height: 16px;
	font-size: 16px;
	line-height: 16px;
	color: #333333;
	padding:0;
	margin-left: 30px;
}
.layui-nav li.layui-nav-item:first-child>a{
	margin-left: 0;
}
.layui-nav li.last-nav>a{
	width: 64px;  
}
.layui-nav .layui-nav-item>a:after{
	position: absolute;
    right: 0;
    top: 5px;
    width: 1px;
    height: 10px;
    background-color: #999;
    content: '';
}
.layui-nav .last-nav a:after{
	height: 0;
}    
.layui-nav .layui-nav-item a:hover{
	color: #0074c5;
}
.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
	height: 0;
}
.layui-nav-child{
	top: 37px;
	background-color:#198fe2;
}
.layui-nav .layui-nav-child a{
	color: #fff;
}
.layui-nav .layui-nav-child{
	border: none;
}
.layui-nav .layui-nav-child a:hover{
	background-color:#0074c5;
	color: #fff;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
	background-color:#0074c5;
}
.header .layui-nav .layui-this>a{
	color: #0074c5;
}
.telephone-logo{
	position: absolute;
	top: 18px;
	right: 0;
}
/*
 * 主页轮播图
 * */
.banner{
	height: 540px;
	overflow: hidden;
	position: relative;
}
.banner-con{
	width: 1920px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -960px;
	z-index: 9;
}
.box_skitter .info_slide .image_number{
	width: 70px;
	height: 9px;
	background-color: #ff9c00;
}
.box_skitter .info_slide .image_number_select{
	width: 70px;
	height: 9px;
	background-color: #ffffff;
}

/****************************************************************
 *主页内容
 * 
 * 1，产品分类
 * 
 * ***************************************************************
 * */

/****************************************************************
 * 
 *标题样式
 * 
 * */
.main-container .main-category{
	height: 471px;
	width: 100%; 
}
.main-title-type{
	padding-top: 45px;
	width: 445px;
	margin: 0 auto;
}
.main-title-type p{
	font-family: MicrosoftYaHei-Bold;
	font-size: 36px;
	font-weight: bold;
	line-height: 55px;
	color: #0074c5;
}
.main-title-type p span{
	padding-left: 10px;
	font-size: 30px;
	color: #999999;
}
.main-title-type hr{
	margin-bottom: 2px;
}

/*
 *标题动画
 * 
 * */
.main-title-animation{
    animation: titleAnimation 2s;
    transform: translateY(0px);
}
@keyframes titleAnimation {
    0%   {transform: translateY(-60px);opacity: 0}
    100% {transform: translateY(0px);opacity: 1}
}

/****************************************************************
 * 
 * 产品轮播图
 * 
 */

.product-client-screen{
	position: relative;
}
.swiper-container {
    width: 100%; 
    height: 362px;  
    margin: 30px auto 0;
}

.product-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width: 220px;
    height: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.product-banner .swiper-slide>div{
	border: 10px solid #e8e8e8;
	border-radius: 50%;
}
.product-banner .swiper-slide img{
	width: 220px;
}
.product-banner .swiper-slide p{
	position: absolute;
    bottom: -37px;
    font-size: 18px;
	color: #333333;
}
.product-banner .swiper-slide>div{
	text-align: center;
	position: relative;
}
.product-banner .swiper-slide>div p{
	width: 100%;
	bottom: 80px;
	color: #ffffff;
	font-size: 0;
}
.swiper-button-next,.swiper-button-prev{
	width: 37px;
	height: 87px;
	top: 235px;
}
.swiper-button-prev{
	left: -52px;
	background: url(../img/swiper_prev.png) no-repeat;
}
.swiper-button-next{
	right: -52px;
	background: url(../img/swiper_next.png) no-repeat;
}

/*
 * 产品轮播动画
 */

.product-blue-model{
	width:170px;
    height:170px;
    font-size: 16px; 
	color: #ffffff;
	background: rgba(15, 119, 193, 0.7);
	line-height: 170px;
	border-radius: 50%;
	position: absolute;
    top: 25px;
    left: 25px;
    display: none;
}
.swiper-slide:hover p{
	color: #0074c5;
}

/****************************************************************
 * 
 * 关于我们
 * 
 */
.main-container .about-us-category{
	background: url(../img/bg_aboutUs.jpg) no-repeat;
	background-size: 1920px 514px;
	height: 515px;
}
.about-us-category .main-title-type{
	width: 320px;
}
.about-us-content-title{
	text-align: center;
	font-family: MicrosoftYaHei;
	font-size: 24px;
	line-height: 33px;
	color: #ff9c00;
	padding: 48px 0 22px;
}
.about-us-content-details{
	width: 1101px;
	margin: 0 auto;
	text-indent: 2em;
	font-family: MicrosoftYaHei;
	font-size: 16px;
	line-height: 31px;
	color: #ffffff;
}
.about-us-read-more{
	width: 156px;
	height: 39px;
	line-height: 36px;
	border-radius: 20px;
	background-color: #0074c5;
	text-align: center;
	margin: 17px auto;
	color: #fff;
	border: 3px solid #1b4a6e;
	cursor: pointer;
}


.about-us-read-more:hover{
	animation: readMore 1s forwards; 
}
@keyframes readMore {
    0%   {
    	width: 156px;
		height: 45px;
		border: 3px;
    }
    100% {
		border: 0px;
		line-height: 40px;
		transform: scale(1);
    }
}
/****************************************************************
 * 
 * 工程案例
 * 
 */
.main-container .case-center-category{
	height: 469px;
}
.case-center-category  .main-title-type{
	width: 370px;
}

.case-center-category .swiper-container{
	height: 260px;
	width: 1100px;
}
.case-center-category .swiper-wrapper{
	height: 220px;
}

.case-center-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
	height: 100px;
	width: 205px;
	
	background-color: #ffffff;
	border: solid 1px #cccccc;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.case-center-banner .swiper-slide:nth-child(2n){
	margin-top: 20px !important;
}
.case-center-banner .swiper-pagination-bullet-active {
	width: 18px;
	height: 18px;
	vertical-align: middle;
	bottom: 0;
    background: url(../img/case_choose.png) no-repeat;
    background-size: 100%;
}
.case-center-banner>.swiper-pagination-bullets{
	bottom: 0;
}
.case-center-banner .swiper-slide:hover {
	border: none;
	background-color: #ffffff;
	box-shadow: 0px 1px 12.7px 2.3px 
	rgba(204, 204, 204, 0.6);
}
/****************************************************************
 * 
 * 生产车间
 * 
 */
.main-container .work-shop-category{
	height: 672px;
	background-color: #0074c5;
	background: url(../img/bg_workShop.jpg) no-repeat;
	background-size: 1920px 672px;
}
.work-shop-category  .main-title-type{
	width: 343px;
}

.work-shop-category  .main-title-type p{
	color: #fff;
}
.work-shop-category  .main-title-type p span{
	color: #97d3fd;
}
.work-shop-banner {
	margin: 40px 0;
	background-size: 100% 100%;
}

.work-shop-banner .work-shop-container {
	width: 1093px;
	margin: 0 auto;
	position: relative;
}

.work-shop-banner .pictureSlider {
	height: 395px;
	margin-bottom: 20px;
}

.work-shop-banner .poster-item {
	background: #fff;
	width: 425px;
	height: 355px;
}
.work-shop-banner .poster-item img{
	width: 100%;
	height: 100%;
}

.work-shop-banner .turn_3d {
	text-align: center;
	color: #fff;
	font-weight: 400;
	font-size: 36px;
	padding: 28px 0;
}
.work-shop-btn{
	text-align: center;
	margin-left: 40px;
}
.work-shop-btn img{
	margin-right: 10px;
	cursor: pointer;
}

.workShopAnimation .cover {
	width: 425px;
	height: 355px;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.workShopAnimation:before {
	content: "";
	position: absolute;
	width: 0px;
	height: 3px;
	background: #fff;
	right: 0;
	top: 0;
	z-index: 9;
}

.workShopAnimation:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 0px;
	background: 0;
	right: 0;
	top: 0;
	background: #fff;
	z-index: 9;
}

.workShopAnimation .cover:before {
	content: "";
	position: absolute;
	width: 0px;
	height: 3px;
	background: #fff;
	left: 0;
	bottom: 0;
	z-index: 9;
}

.workShopAnimation .cover:after {
	content: "";
	position: absolute;
	width: 3px;
	height: 0px;
	background: 0;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 9;
}

.workShopAnimation .cover,
.workShopAnimation:before,
.workShopAnimation:after,
.workShopAnimation .cover:after,
.workShopAnimation .cover:before {
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.workShopAnimation:hover:before,
.workShopAnimation:hover .cover:before {
	width: 425px;
}

.workShopAnimation:hover:after,
.workShopAnimation:hover .cover:after {
	height: 355px;
}

.workShopAnimation:hover .cover {
	opacity: 1;
}
/****************************************************************
 * 
 * 新闻咨询
 * 
 */
.main-container .news-center-category{
	height: 680px;
}
.news-center-category  .main-title-type{
	width: 380px;
	padding-top: 47px;
}
/*tab*/
.news-center-category .layui-tab{
	margin: 0;
}
.layui-tab-title{
	border: none;
	position: inherit;
	text-align: center;
	margin-top: 20px;
}
.layui-tab-title li{
	width: 175px; 
	height: 45px;
	color: #333333;
	font-size: 18px;
	line-height: 45px;
	background-color: #dcdcdc;
	border-radius: 12px;
}
 .layui-tab-title li:first-child{
	margin-right: 30px;
}
.layui-tab-title .layui-this{
	color: #fff;
	background-color: #0074c5;
	position: inherit;
	box-shadow: 0px 1px 7.4px 0.6px rgba(3, 97, 163, 0.6);
}
.news-center-container .layui-tab-content{
	width: 100%;
	margin-top: 33px;
	padding: 0;
}
.news-center-container .layui-tab-content .layui-tab-item{
	width: 100%;
}
.news-center-container .layui-tab-content .layui-tab-item .web-setting, .news-center-container .layui-tab-content .layui-tab-item .user-setting{
	display: flex;
	align-items:flex-end;
}
/*轮播图*/
.news-center-container .swiper-container{
	height: 415px;
	width: 405px;
	margin: 0;
	cursor: pointer;
}
.news-center-container .swiper-container .swiper-slide, .news-center-container .swiper-container .swiper-wrapper{
	width: 405px !important;
}

.news-center-banner-info{
	height: 176px;
	color: #ffffff;
	padding:0 30px;
	background-color: #0074c5;
}
.news-center-banner-info-title{
	font-family: MicrosoftYaHei-Bold;
	font-size: 16px;
	line-height: 55px;
	font-weight: bold;
}
.news-center-banner-info-details{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	line-height: 24px;
	
}
.news-center-banner-info-time{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	line-height: 24px;
	position: absolute;
    bottom: 27px;
    font-weight: bold;
    color: #fff !important;
}
.news-center-banner-info-details p{
	color: #c2e6ff !important;
}
.news-center-banner .news-center-change-btn{
	text-align: right;
	padding-right: 40px;
	bottom: 30px;
}
.news-center-banner .swiper-pagination-bullet-active{
	background-color: #ff9c00;
}
.swiper-wrapper .swiper-slide:hover .news-center-banner-info-title{
	color: #ff9c00;
}			

.news-center-details{
	width: 684px;
	height: 415px;
	margin-left: 10px;
}

.news-center-details-box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 13px;
}
.news-center-details-msg{
	width: 337px;
	height: 130px;
	display: flex;
	background-color: #f1f1f1;
	align-items: flex-end;
}
.news-center-details-box .news-center-details-msg:first-child{
	margin-right: 10px;
}
.news-center-details-msg-time{
	width: 93px;
	padding: 0 20px 40px;
}
.news-center-date{
	font-size: 38px;
	line-height: 43px;
	color: #0074c5;
	font-weight: bold;
}
.news-center-year-month{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	color: #999999;
	font-weight: bold;
}
.news-center-details-msg-title{
	font-family: MicrosoftYaHei-Bold;
	font-size: 14px;
	color: #333333;
	padding-bottom: 15px;
	font-weight: bold;
}
.news-center-details-msg-details{
	font-family: MicrosoftYaHei;
	font-size: 12px;
	color: #999999;
	padding-bottom: 36px;
}

/****************************************************************
 * 
 * 底部
 * 
 */
.footer-linkman{
	height: 96px;
	background-color: #097aca;
	color: #fff;
	font-size: 16px;
	font-family: MicrosoftYaHei;
	position: relative;
}
.footer-linkman img{
	width: 55px;
	height: 55px;
	margin-right: 15px;
	border-radius: 50%;
}
.footer-linkman .client-screen{
	display: flex;
	
	justify-content: center;
}
.footer-linkman .client-screen>div{
	height: 100%;
	display: flex;
	align-items: center;
}
.linkman{
	width: 310px;
}
.linkman-phone{
	width: 336px;
	background-color: #1e89d3;
	justify-content: center;
}
.linkman-address{
	width: calc(100% - 646px);
	background-color: #2c94dc;
	padding-left: 82px;
}
.bg-model{
	height: 96px;
	width: calc(50% - 550px);
	position: absolute;
	top: 0;
	right: 0;
	background-color: #2c94dc;
}
.footer-nav{
	text-align: center;
	height: 121px;
	font-size: 14px;
	line-height: 25px;
	color: #95d3ff;
	background: #0074c5;
	border-top: 3px solid #0067af
}
.footer-own{
	padding-top: 42px;
}
.footer-friendly-link a:hover{
	color: #fff;
}


/*********************************
 * 
 * 分菜单标题
 */

.menu-title{
	height: 75px;
	background: #fff;
	text-align: center;
}
.menu-title p{
	font-family: MicrosoftYaHei-Bold;
	font-size: 35px;
	line-height: 75px;
	color: #0074c5;
	font-weight: bold;
}
.menu-title p span{
	font-family: MicrosoftYaHei-Bold;
	font-size: 28px;
	color: #ff9c00;
	padding-left: 10px;
}

/*********************************
 * 
 * 分页
 */

.list-page{
	text-align: center;
}
.list-page a, .list-page .layui-laypage-curr, .list-page .layui-laypage-spr{
	margin-right: 10px;
}
.list-page a:hover{
	color: #0074c5;
}

.flat-pattern{
	height: 300px;
	background: url(../img/companyBg.png) no-repeat;
	background-size: 1920px 300px;
	background-position: 50% 50%;
}
.flat-pattern img{
	height: 100%;
	width: 100%;
}
